<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" href="../basic_css/navbar.css" rel="stylesheet"/>
    <link type="text/css" href="css/we_office.css" rel="stylesheet"/>
</head>
<body>
<header>
    <h1 class="header_h1">
        <img src="img/index_03.png"/>
        <span>little&nbsp;heart</span>
        <nav>
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </nav>
    </h1>
</header>
<section class="main">
    <h2>who we are</h2>
    <div class="line"></div>
    <p>lorem ipsum dolor sit amel,consectetur adipiscing<br>edit. Prasent eget risus vitae massa semper aliquam quits mattis quam.</p>

    <section class="art">
        <figure class="cont">
            <dt><img src="img/list_06.png"/></dt>
            <article>
                <h3>quick coffee</h3>
                <dd>
                    These are called love tents but they're not what you think.
                    Chinese colleges have come up.are called.
                </dd>
            </article>
        </figure>

        <figure class="cont">
            <dt><img src="img/list_09.png"/></dt>
            <article>
                <h3>quick coffee</h3>
                <dd>
                    These are called love tents but they're not what you think.
                    Chinese colleges have come up.are called.
                </dd>
            </article>
        </figure>
    </section>
</section>
</body>
</html>